<template>
    <div class="banner-download">
    <img src="//ms0.meituan.net/touch/img/download_banner.png" class="img-box">
    <a href="{dataRedirecturl}" class="call-app-btn" id="openApp" data-url="imeituan://www.meituan.com/home/"></a>
    <a class="download-btn" id="downloadApp"></a>
</div>
</template>

<script>
export default {
    name:"header2.vue"
}
</script>
<style scoped>

    .banner-download {
        position: relative;
        height: 100%;
    }
    .banner-download .img-box {
        position: relative;
        display: block;
        width: 100%;
        object-fit: cover;
    }
    .banner-download:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #c6c0b3;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5);
    }
    .call-app-btn {
        position: absolute;
        left: 17%;
        bottom: 10%;
        width: 31%;
        height: 34%;
        z-index: 1;
    }
    .download-btn {
        position: absolute;
        right: 17%;
        bottom: 10%;
        width: 31%;
        height: 34%;
        z-index: 1;
    }

</style>
